<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('订单详情')"/>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeIn">


    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <div class="row" style="margin-bottom: 20px;">
                        <div class="col-sm-6">
                            服务工单：<span th:text="${billAftersales.aftersalesSn}"></span>
                        </div>
                        <div class="col-sm-6">
                            关联订单：<span th:text="${billAftersales.orderId}"></span>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 20px;">
                        <div class="col-sm-6">
                            状态：<span th:text="${billAftersales.status}"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 退换货信息-->
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>退换货信息</h5>
                    <div class="ibox-tools">
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row" style="margin-bottom: 20px;">
                        <div class="col-sm-2">
                            <span>退换货类型</span>
                        </div>
                        <div class="col-sm-4">
                            <span th:text="${billAftersales.type}">换货</span>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 20px;">
                        <div class="col-sm-2">
                            <span>商品信息</span>
                        </div>
                        <div class="col-sm-4">
                            <img th:src="${billAftersales.billAftersalesItems.imageUrl}"
                                 width="200" height="200">
                        </div>
                        <div class="col-sm-6">
                            <div class="row" style="margin-bottom: 10px;">
                                <span th:text="${billAftersales.billAftersalesItems.name}"></span>
                            </div>
                            <div class="row" style="margin-bottom: 10px;">
                                <span th:text="${billAftersales.billAftersalesItems.productAttr}"></span>
                            </div>
                            <div class="row" style="margin-bottom: 10px;">
                                <span th:text="${billAftersales.billAftersalesItems.productPrice}"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 20px;">
                        <div class="col-sm-2">
                            <span>退换货数量</span>
                        </div>
                        <div class="col-sm-4">
                            <span th:text="${billAftersales.billAftersalesItems.nums}"></span>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 20px;">
                        <div class="col-sm-2">
                            <span>退换货内容</span>
                        </div>
                        <div class="col-sm-4">
                            <span th:text="${billAftersales.aftersalesContent}"></span>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 20px;">
                        <div class="col-sm-2">
                            <span>收货信息</span>
                        </div>
                        <div class="col-sm-10">
                            <span th:text="${billAftersales.linkMan}"></span>,
                            <span th:text="${billAftersales.linkPhone}"></span>,
                            <span th:text="${billAftersales.address}"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 退换货记录-->
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>退换货记录</h5>
                    <div class="ibox-tools"></div>
                </div>
                <div class="ibox-content">
                    <div class="row" style="margin-bottom: 20px;"
                         th:each="billAftersalesOperateHistory : ${billAftersales.billAftersalesOperateHistoryList}">
                        <div class="col-sm-4">
                            <strong>操作时间：</strong><span th:text="${billAftersalesOperateHistory.createTime}"></span>
                        </div>
                        <div class="col-sm-4">
                            <strong>操作人：</strong><span th:text="${billAftersalesOperateHistory.operateMan}"></span>
                        </div>
                        <div class="col-sm-4">
                            <strong>状态：</strong><span th:text="${billAftersalesOperateHistory.aftersalesStatus}"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer"/>
</body>
</html>
